// 最受好评电影
.popularMovies{
  width:100%;
  .topRatedMovies {
    width:100%;
    height:5.333333rem;
    .top-rated{
      padding: 12px 15px 12px 15px;
      background-color: #fff;
      margin-bottom: 10px;
      .title{
        margin: 0;
        font-size: 14px;
        color: #333;
        margin-bottom: 12px;
        text-align: left;
      }
      .top-rated-list{
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        .top-rated-item{
          display: inline-block;
          width: 85px;
          overflow: hidden;
          margin-right: 10px;
          .poster {
            width: 85px;
            height: 115px;
            position: relative;
            margin-bottom: 6px;
            img{
              width: 100%;
              height: 100%;
            }
            .wish-bg{
              display: inline-block;
              width: 100%;
              height: 35px;
              position: absolute;
              left: 0;
              bottom: 0;
              background-image: -webkit-linear-gradient(top,rgba(77,77,77,0),#000);
              background-image: linear-gradient(-180deg,rgba(77,77,77,0),#000);
            }
            .score{
              position: absolute;
              left: 4px;
              bottom: 2px;
              color: #faaf00;
              font-size: 11px;
              font-weight: 600;
            }
          }
          .default-img-bg{
            background-color: #e1e1e1;
            background-size: 100% 100%;
          }
          .name{
            margin: 0;
            font-size: 13px;
            color: #222;
            margin-bottom: 3px;
            text-align: left;
          }
          .line-ellipsis{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
          }
        }
      }
    }
    
  }
}

// 电影列表
.movieList {
  .movieListItem {
    width:100%;
    height:3.04rem;
    display:flex;
    justify-content: left;
    align-items: center;
    background:white;
    padding: 0 0.4rem;
    border-bottom:1px solid #f1f1f1;
    //左边图片
    .itemImg {
      width:1.706667rem;
      height:2.4rem;
      img {
        width:100%;
        height:100%;
      }
    }
    // 中间信息
    .itemInfo {
      color: #666;
      font-size: 0.346667rem;
      width:5.4rem;
      height:2.4rem;

      margin-left:0.3rem;
      display:flex;
      flex-direction: column;
      align-items: flex-start;
      .infoHeader {
        display:flex;
        align-items: center;
        margin-bottom:6px;
        .movieName {
          font-size:0.453333rem;
          color:#333;
          font-weight:bold;
          margin-right:6px;
        }

        span.version {
          height:17px;
          width:40px;
          border:1px solid #509fc9;
          border-radius: 0.008rem;
          font-size:8px;
          display: flex;
          .dimension {
            flex:1;
            height:100%;
            background:#509fc9;
            text-align: center;
            line-height:17px;
            color:white;
          }

          .ifIMax {
            flex:2;
            height:100%;
            text-align: center;
            line-height:17px;
            background:white;
            color:#509fc9
          }
        }
      }
      .wish{
        .wishNum{
          color:#faaf00;
          font-size:0.4rem;
          font-weight:bold;
        }
      }

      .score {
        .scoreNum{
          color:#faaf00;
          font-size:0.4rem;
          font-weight:bold;
        }
      }

      .actor {
        width:5.4rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow:ellipsis;
        text-align: left;
      }

      .play {

      }
    }

    .itemRight {
      width:1.253333rem;
      height:0.72rem;
      text-align: center;
      line-height:0.72rem;
      margin-left:20px;
      color:white;
      .buy {
        background:#f03d37;
        border-radius:4px!important;
      }
      .preSell{
        background:#3c9fe6;
        border-radius:4px!important;
      }
    }
  }
}